<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <title>登录</title>

    <!-- Custom fonts for this template-->
    <link href="{{ url_for('static', filename='vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />

    <!-- Custom styles for this template-->
    <link href="{{ url_for('static', filename='css/sb-admin-2.min.css') }}" rel="stylesheet" />
    <link rel="shortcut icon" href="{{url_for('static',filename='img/favicon.ico')}}" type="image/x-icon" />
  </head>

  <body class="bg-gradient-primary">
    <div class="container">
      {% for message in get_flashed_messages(with_categories=True) %}
      <div class="alert alert-{{ message[0] }}" role="alert" style="position: fixed; left: 24px; right: 24px; text-align: center">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        {{ message[1] }}
      </div>
      {% endfor %}
      <!-- Outer Row -->
      <div class="row justify-content-center">
        <div class="col-xl-10 col-lg-12 col-md-9">
          <div class="card o-hidden border-0 shadow-lg my-5">
            <div class="card-body p-0">
              <!-- Nested Row within Card Body -->
              <div class="row">
                <div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
                <div class="col-lg-6">
                  <div class="p-5">
                    <div class="text-center">
                      <h1 class="h4 text-gray-900 mb-4">登录!</h1>
                    </div>
                    <form class="user" method="POST">
                      {{ form.csrf_token }}
                      <div class="form-group">{{ form.username(class='form-control form-control-user',placeholder='请输入账号') }}</div>
                      <div class="form-group">{{ form.password(class='form-control form-control-user',placeholder="请输入密码") }}</div>
                      <div class="form-group">
                        <div class="custom-control custom-checkbox small">{{ form.remember(type='checkbox', class='custom-control-input', id="customCheck")}} {{ form.remember.label(class='custom-control-label',for='customCheck') }}</div>
                      </div>
                      {{ form.submit(class='btn btn-primary btn-user btn-block') }}
                    </form>
                    <hr />
                    <div class="text-center">
                      <a class="small" href="{{ url_for('auth.password_reset_request') }}">忘记密码?</a>
                    </div>
                    <div class="text-center">
                      <a class="small" href="{{ url_for('auth.register') }}">创建账号!</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript-->
    <script src="{{ url_for('static', filename='vendor/jquery/jquery.min.js') }}"></script>
    <script src="{{ url_for('static', filename='vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>

    <!-- Core plugin JavaScript-->
    <script src="{{ url_for('static', filename='vendor/jquery-easing/jquery.easing.min.js') }}"></script>

    <!-- Custom scripts for all pages-->
    <script src="{{ url_for('static', filename='js/sb-admin-2.min.js') }}"></script>
    <!-- 消息闪现的定时关闭 -->
    <script type="text/javascript">
      $(function(){$('.alert').delay(6000).fadeOut(1000)});
    </script>
  </body>
</html>
